@()(implicit request: RequestHeader)
@main("查找结果")("stepMissionManage") {

	<link rel="stylesheet" media="screen" href="@routes.Assets.at("stylesheets/tableFilter.css")">

	<script src="@routes.Assets.at("bootstrap-table-master/dist/extensions/filter-control/my-bootstrap-table-filter-control.js")" type="text/javascript"></script>

	<style>
			.genome-pre {
				white-space: pre-wrap;
				word-wrap: break-word;
				border: 0px solid #ccc;
				background-color: white;
			}

			select:not([multiple]) {
				-webkit-appearance: none;
				-moz-appearance: none;
				background-position: right 50%;
				background-repeat: no-repeat;
				background-image: url();
				padding: .5em;
				padding-right: 1.5em
			}

	</style>
	<div class="page-content">

		<div class="page-bar">
			<ul class="page-breadcrumb">
				<li>
					<i class="fa fa fa-table"></i>
					<span>查找结果</span>
				</li>
			</ul>
		</div>

		<div class="row-fluid">
			<div class="row">
				<div class="col-md-12 col-sm-12">
					<div class="portlet blue-dark box">
						<div class="portlet-title">
							<div class="caption">
								查找结果
							</div>
						</div>

						<div class="portlet-body">
							<div class="table-responsive">

								<div style="display: none;
									margin-bottom: 10px">筛选条件：
									<span id="filterCondition">

										<span class="eachFilterCondition" style="display: none">
											<span >Gene ID</span>
											<span style="color: red">LIKE</span>
											AT
											<sup style="" class="mySup" onclick="SampleManage.removeCondition">
												<i class="fa fa-times-circle"></i>
											</sup>
										</span>

									</span>
								</div>

								<div style="display: none;
									margin-bottom: 10px">排序条件：
									<span id="sortCondition">

										<span class="eachFilterCondition" style="display: block">
											<span >Gene ID ,</span>
											<span style="color: red">升序</span>
											<sup style="" class="mySup" onclick="SampleManage.removeCondition">
												<i class="fa fa-times-circle"></i>
											</sup>
										</span>

									</span>
								</div>

								<table class="display table table-bordered" id="missionTable" data-pagination="true"
								data-page-list="[10, 25, 50, 100, all]" >
									<thead>

										<tr class="myTr">

										</tr>

									</thead>
								</table>

								<div id="allFilterContent">

								</div>

							</div>
						</div>
					</div>
				</div>
			</div>


		</div>

	</div>

	<script>

			$(function () {
				StepMissionManage.init

			})
	</script>


}